@import '../../assets/css/reset.css';
@import '../../assets/css/common.css';
@import '../../assets/css/property.css';
@import '../../assets/libs/swiper/swiper-bundle.css';
.hear1 a {
  color: #fff;
  font-size: 14px;
  line-height: 22px;
}
body {
  background: #efefef;
}
.hear {
  background: #000;
  opacity: 0.8;
}
.sign1 {
  color: #fff;
}
.sing2 {
  color: #fff !important;
}
.a1 {
  border-bottom: 3px solid skyblue;
  font-size: 16px!important;
  padding-bottom: 21px;
  font-weight: bold;
}
.page {
  border-bottom: none;
  font-size: 14px;
  line-height: 22px;
  font-weight: normal;
}
.picture {
  height: 282px;
  background: #f4f4f4;
  position: relative;
}
.picture canvas {
  z-index: 0 !important;
  position: static !important;
}
.picturx {
  position: absolute;
  top: 66px;
  width: 100%;
  height: 212px;
  background: #000;
  opacity: 0.8;
}
.picturx h1 {
  font-size: 36px;
  color: #fff;
  text-align: center;
  margin-top: 60px;
}
.picturx p {
  font-size: 14px;
  color: #fff;
  line-height: 34px;
  text-align: center;
}
.case_text {
  margin-top: 50px;
}
.case_text h2 {
  color: #000;
  font-size: 16px;
}
.case_text span {
  font-size: 16px;
  color: #999;
  margin-left: 5px;
  font-weight: bold;
}
.case_span {
  display: inline-block;
  width: 14px;
  height: 2px;
  background: #1271fe;
}
.case_div {
  width: 100%;
  height: 342px;
}
.case_div .case_ul {
  justify-content: space-evenly;
}
.case_div .case_li {
  width: 354px;
  height: 340px;
  border: 1px solid #eee;
  padding: 10px;
}
.case_div .case_li img {
  width: 334px;
  height: 145px;
}
.case_div .case_li .case_p {
  font-size: 16px;
  line-height: 40px;
  color: #181818;
}
.case_div .case_li .case_p1 {
  font-size: 12px;
  line-height: 16px;
  color: #666;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.case_div .case_li .case_p2 {
  font-size: 12px;
  line-height: 32px;
  color: #1271fe;
  margin-top: 40px;
}
.partners {
  width: 100%;
  height: 420px;
}
.partners .partners_ul {
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-content: space-between;
  width: 100%;
  height: 420px;
}
.partners .partners_ul li {
  width: 354px;
  height: 120px;
}
.partners .partners_ul li img {
  margin-left: 111px;
  margin-top: 40px;
}
.base {
  background: #fff;
}
.shroud {
  width: 72px;
  height: 120px;
  text-align: center;
  position: fixed;
  right: 0%;
}
.shroud li {
  width: 72px;
  height: 40px;
  cursor: pointer;
  color: #000;
  position: relative;
  background: #fff;
}
.shroud li .shroud1 {
  width: 10px;
  height: 2px;
  background: #1271fe;
  position: absolute;
  left: -10px;
  top: 10px;
  display: none;
}
